home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Forms Misc / smart-pulldown.izs < prev    next >
Text File  |  2005-09-28  |  5KB  |  190 lines

  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Smart Pulldown Menu 
  4.  
  5. <!/TITLE>
  6.  
  7. <!DESCRIPTION>Uses cookies to let a dropdown list remember which option was chosen when a user returns to the page. It comes in very handy if you have a page that is frequently accessed and users tend to repeatedly chose the same option from a list.<!/DESCRIPTION> 
  8.  
  9. <!CATEGORY>Forms<!/CATEGORY>
  10.  
  11. <!SCRIPT>
  12. <!-- START OF SCRIPT -->
  13.  
  14. <!-- HOW TO INSTALL SMART PULLDOWN MENU:
  15.  
  16.   1.  Copy code into the HEAD section of document
  17.   2.  Add the onLoad event handler into the BODY tag
  18.   3.  Put last coding into the BODY section of document  -->
  19.  
  20. <!-- STEP ONE: Add code into HEAD section of document  -->
  21.  
  22. <HEAD>
  23.  
  24. <SCRIPT LANGUAGE="JavaScript">
  25. <!-- Original:  Dale Anderson (skinnycowboy@hotmail.com) -->
  26. <!-- Web Site:  http://www.skinnycowboy.com -->
  27.  
  28.  
  29.  
  30. <!-- Begin
  31. var expDays = 30;    // set this value to however many days you want your cookies to last
  32. function setCookie(name, val) {
  33. var exp = new Date();
  34. var cookieTimeToLive = exp.getTime() + (expDays * 24 * 60 * 60 * 1000);
  35. exp.setTime(cookieTimeToLive);
  36. document.cookie = name + "=" + escape(val) + "; expires=" + exp.toGMTString();
  37. }
  38. function getCookie(name) {
  39. var cookieNameLen = name.length;
  40. var cLen = document.cookie.length;
  41. var i = 0;
  42. var cEnd;
  43. var myStringToReturn;
  44. var myStringToReturnLen;
  45. while (i < cLen) {
  46. var j = i + cookieNameLen;
  47. if (document.cookie.substring(i,j) == name) {
  48. cEnd = document.cookie.indexOf(";",j);
  49. if (cEnd == -1) {
  50. cEnd = document.cookie.length;
  51. }
  52. myStringToReturn = unescape(document.cookie.substring(j,cEnd));
  53. myStringToReturnLen = myStringToReturn.length;
  54. myStringToReturn = myStringToReturn.substring(1,myStringToReturnLen+1);
  55. return myStringToReturn;
  56. }
  57. i++;
  58. }
  59. return "";
  60. }
  61. function setDefaultValues() {
  62. var strCookieName, strCookieVal;
  63. var iFormsCount = 0;
  64. var iElementsCount = 0;
  65. for(iFormsCount=0;iFormsCount < document.forms.length;iFormsCount++) {
  66. for(iElementsCount=0; iElementsCount < document.forms[iFormsCount].elements.length; iElementsCount++) {
  67. strCookieName = document.forms[iFormsCount].elements[iElementsCount].name;
  68. strCookieVal = getCookie(strCookieName);
  69. if (strCookieVal != null && !(isNaN(strCookieVal)) && strCookieVal != '') {
  70. document.forms[iFormsCount].elements[iElementsCount].selectedIndex = strCookieVal;
  71.          }
  72.       }
  73.    }
  74. }
  75. //  End -->
  76. </script>
  77.  
  78. </HEAD>
  79.  
  80. <!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
  81.  
  82. <BODY onLoad="setDefaultValues()">
  83.  
  84. <!-- STEP THREE: Copy code into BODY section of document  -->
  85.  
  86. <form>
  87. <select name=select onChange="setCookie(this.name,this.selectedIndex)">
  88. <option>Choice 1</option>
  89. <option>Choice 2</option>
  90. <option>Choice 3</option>
  91. <option>Choice 4</option>
  92. </select>
  93. </form>
  94.  
  95.  
  96.  
  97. <!-- END OF SCRIPT -->
  98. <!/SCRIPT>
  99.  
  100. <!PREVIEW>
  101. <!-- START OF SCRIPT -->
  102.  
  103. <!-- HOW TO INSTALL SMART PULLDOWN MENU:
  104.  
  105.   1.  Copy code into the HEAD section of document
  106.   2.  Add the onLoad event handler into the BODY tag
  107.   3.  Put last coding into the BODY section of document  -->
  108.  
  109. <!-- STEP ONE: Add code into HEAD section of document  -->
  110.  
  111. <HEAD>
  112.  
  113. <SCRIPT LANGUAGE="JavaScript">
  114. <!-- Original:  Dale Anderson (skinnycowboy@hotmail.com) -->
  115. <!-- Web Site:  http://www.skinnycowboy.com -->
  116.  
  117.  
  118.  
  119. <!-- Begin
  120. var expDays = 30;    // set this value to however many days you want your cookies to last
  121. function setCookie(name, val) {
  122. var exp = new Date();
  123. var cookieTimeToLive = exp.getTime() + (expDays * 24 * 60 * 60 * 1000);
  124. exp.setTime(cookieTimeToLive);
  125. document.cookie = name + "=" + escape(val) + "; expires=" + exp.toGMTString();
  126. }
  127. function getCookie(name) {
  128. var cookieNameLen = name.length;
  129. var cLen = document.cookie.length;
  130. var i = 0;
  131. var cEnd;
  132. var myStringToReturn;
  133. var myStringToReturnLen;
  134. while (i < cLen) {
  135. var j = i + cookieNameLen;
  136. if (document.cookie.substring(i,j) == name) {
  137. cEnd = document.cookie.indexOf(";",j);
  138. if (cEnd == -1) {
  139. cEnd = document.cookie.length;
  140. }
  141. myStringToReturn = unescape(document.cookie.substring(j,cEnd));
  142. myStringToReturnLen = myStringToReturn.length;
  143. myStringToReturn = myStringToReturn.substring(1,myStringToReturnLen+1);
  144. return myStringToReturn;
  145. }
  146. i++;
  147. }
  148. return "";
  149. }
  150. function setDefaultValues() {
  151. var strCookieName, strCookieVal;
  152. var iFormsCount = 0;
  153. var iElementsCount = 0;
  154. for(iFormsCount=0;iFormsCount < document.forms.length;iFormsCount++) {
  155. for(iElementsCount=0; iElementsCount < document.forms[iFormsCount].elements.length; iElementsCount++) {
  156. strCookieName = document.forms[iFormsCount].elements[iElementsCount].name;
  157. strCookieVal = getCookie(strCookieName);
  158. if (strCookieVal != null && !(isNaN(strCookieVal)) && strCookieVal != '') {
  159. document.forms[iFormsCount].elements[iElementsCount].selectedIndex = strCookieVal;
  160.          }
  161.       }
  162.    }
  163. }
  164. //  End -->
  165. </script>
  166.  
  167. </HEAD>
  168.  
  169. <!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
  170.  
  171. <BODY onLoad="setDefaultValues()">
  172.  
  173. <!-- STEP THREE: Copy code into BODY section of document  -->
  174.  
  175. <form>
  176. <select name=select onChange="setCookie(this.name,this.selectedIndex)">
  177. <option>Choice 1</option>
  178. <option>Choice 2</option>
  179. <option>Choice 3</option>
  180. <option>Choice 4</option>
  181. </select>
  182. </form>
  183.  
  184.  
  185.  
  186. <!-- END OF SCRIPT -->
  187. <!/PREVIEW>
  188.  
  189. <!RELATED>NONE<!/RELATED>
  190.